import $ from 'jQuery'
import ajax from '../utils/ajax'
import xhr from '../utils/xhr'
var payroll = {
  inputArr: [$('#phone-text'),$('#valicode'),$('#phoneCode')],
  time: null,
  init: function() {
  var  data = {
      mobileNo: payroll.inputArr[0].val(),
      checkCode: payroll.inputArr[1].val(),
      otp: payroll.inputArr[2].val(),
    }
    // xhr('/api/user/login', data).then((res) => {
    //   debugger
    //   console.log(res)
    // }).catch((ex) => {
    //   console.log(ex)
    // })
    // ajax.Get({
    //   url: '/api/user/login',
    //   data: data
    // }).then((res)=> {
    //   console.log(res)
    // }).catch((ex) => {
    //   console.log(ex)
    // })
    this.refreshCode()
    this.valiedatePhone()
    this.checklogin()
    this.getphoneCode()
    $(document).keyup(function(event){
      if(event.keyCode ==13){
        $('#checklogin').click()
      }
    });
  },
  // 刷新验证码
  refreshCode: function(){
    $('#validcodeImg').on('click',function(){
      $('#validcodeImg').attr('src','/api/imageCode/getImagecode?tm=' + new Date().getTime())
    })
  },
  // 获取手机验证码
  getphoneCode: function () {
    var time = 60
    var isGet = true
    var phoneRules = /^1(3|4|5|6|7|8|9)\d{9}$/
    var error = payroll.inputArr[1].parent().find('.error-tips')
    var errorphone = payroll.inputArr[0].parent().find('.error-tips')
    $('#phoneCode-btn').on('click',function(){
      var phoneBtn = $(this)
      data = {
        mobileNo: payroll.inputArr[0].val(),
        checkCode: payroll.inputArr[1].val()
      }
      // 判断手机号码是否为空
      if (data.mobileNo === '' ) {
        errorphone.show().text('手机号码不能为空！');
        return false
      } else {
        errorphone.hide()
      }
      // 判断手机格式
      if (!phoneRules.test(data.mobileNo)) {
        errorphone.show().text('手机号码格式不正确！');
        return false
      } else {
        errorphone.hide()
      }
      // 判断验证码是否为空
      if (data.checkCode == '') {
         error.show().text('验证码不能为空')
         return false
      } else {
        error.hide()
      }
      if (isGet) {
        isGet = false
        $.get('/api/imageCode/getSmsCode', data ,function(res){
          if (res.code == 200) {
            payroll.time = setInterval(function(){
              time--
              phoneBtn.text(time +'秒后重新获取').css({backgroundColor: '#999'})
              if (time == 0) {
                isGet = true
                time = 60
                $('#validcodeImg').attr('src','/api/imageCode/getImagecode?tm=' + new Date().getTime())
                phoneBtn.text('获取验证码').css({backgroundColor: '#49c04a'})
                clearInterval(payroll.time)
              }
            },1000)
            // 验证码错误
          } else if(res.code == 502){
            isGet = true
            error.show().text(res.message)
          }
          // 手机号码不存在
          if (res.code == 505) {
            isGet = true
            errorphone.show().text(res.message)
          }
          if (res.code == 501) {
            isGet = true
            errorphone.show().text(res.message)
          }
        }).error(function(err){
          isGet = true
          alert(err.statusText)
        })
      }
    })
  },
  // 手机号码验证
  valiedatePhone: function () {
    $('#phone-text').blur(function(){
      var phoneVal = $(this).val()
      var phoneRules = /^1(3|4|5|6|7|8|9)\d{9}$/
      if (!phoneRules.test(phoneVal)) {
       $(this).parent().find('.error-tips').show()
      } else {
        $(this).parent().find('.error-tips').hide()
      }
    })
  },
  // 登录
  checklogin: function () {
    $('#checklogin').on('click',function(){
      var isPost = false
      $(payroll.inputArr).each(function(index,item){
        var error = item.parent().find('.error-tips')
          if (item.val() === '') {
            switch(index) {
              case 0 :
                error.show().text('手机号码不能为空哦！')
                isPost = false
              break;
              case 1 :
                error.show().text('验证码不能为空哦！')
                isPost = false
              break;
              case 2:
                error.show().text('手机验证码不能为空哦！')
                isPost = false
              break;
            }
            return false
          } else {
            error.hide()
            isPost = true
            if (index == 0) {
              var phoneRules = /^1(3|4|5|6|7|8|9)\d{9}$/
              if (!phoneRules.test(item.val())) {
                  error.show().text('手机号码格式不正确，请重新输入')
                  isPost = false
              } else {
                error.hide()
              }
            }
          }
      })
      if (isPost) {
        data = {
          mobileNo: payroll.inputArr[0].val(),
          checkCode: payroll.inputArr[1].val(),
          otp: payroll.inputArr[2].val(),
        }
        // 登陆
        $.post('/api/user/login',data ,function(res){
          if(res.code === 200) {
            sessionStorage.setItem('mobileNo', res.data.mobileNo)
            location.href = '/page/infolist.html'
          } else {
            alert(res.message)
          }
        }).error(function(err){
          alert(err.statusText)
        })
      }
    })
  }
}
module.exports = payroll.init();
